// JavaScript Document
function drawBG(){
	var canvas = document.getElementById("bg_canvas_left");
	if (canvas.getContext){
		var ctx = canvas.getContext('2d');
		ctx.fillStyle = "#303030";
		ctx.beginPath();
		ctx.moveTo(0,0);
		ctx.lineTo(canvas.width,canvas.height);
		ctx.lineTo(0,canvas.height);
		ctx.fill();
	} else {
		//alert('');
	}
	canvas = document.getElementById("bg_canvas_right");
	if (canvas.getContext){
		var ctx = canvas.getContext('2d');
		ctx.fillStyle = "#303030";
		ctx.beginPath();
		ctx.moveTo(canvas.width,canvas.height);
		ctx.lineTo(canvas.width,0);
		ctx.lineTo(0,canvas.height);
		ctx.fill();
	} else {
		//alert('');
	}
}

function menu_animation(){
	$("#bottom_menu_left").mouseenter(function(){
		$("#bottom_menu_right").animate({right:"-1800px"});
		$("#bg_canvas_right").animate({right:"-1800px"});
		$("#bg_canvas_left").animate({left:"0"});
	});
	$("#bottom_menu_left").mouseleave(function(){
		$("#bottom_menu_right").animate({right:"0"});
		$("#bg_canvas_right").animate({right:"-400px"});
		$("#bg_canvas_left").animate({left:"-400px"});
		$("#bottom_menu_left").children().hide();
		$("#bottom_menu_left").children("li").show();
	});
	$("#bottom_menu_right").mouseenter(function(){
		$("#bottom_menu_left").animate({left:"-1800px"});
		$("#bg_canvas_left").animate({left:"-1800px"});
		$("#bg_canvas_right").animate({right:"0"});
	});
	$("#bottom_menu_right").mouseleave(function(){
		$("#bottom_menu_left").animate({left:"0"});
		$("#bg_canvas_left").animate({left:"-400px"});
		$("#bg_canvas_right").animate({right:"-400px"});
		$("#bottom_menu_right").children().hide();
		$("#bottom_menu_right").children("li").show();
	});
}